<div class="section-title">
    <i class="material-icons close" ng-class="{'icon-green':op_info_data.length > 0}"></i>
    <label class="title-name" ng-bind="'A05.op_view.title' | translate"></label>
    <div class="kmi-can-click"></div>
</div>
<div class="section-content">
    <div class="kmi-list column-selector column-split" column-selector-id="lot_info" kmi-scrollbar>
        <div class="kmi-list__header" style="text-align:center;">
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 作业站顺序 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.op_seq">
                    <input ng-model="dispatch_filter.op_seq">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.op_seq = false;dispatch_filter.op_seq = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.op_seq">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_seq = true">search</i>
                    <label ng-bind="'A05.op_view.op_seq'| translate"></label>
                    <i class="material-icons" ng-show="order_by_mode.name == 'op_seq'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbychange('op_seq')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 作业站编号 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.op_no">
                    <input ng-model="dispatch_filter.op_no">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.op_no = false;dispatch_filter.op_no = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.op_no">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_no = true">search</i>
                    <label ng-bind="'A05.op_view.op_no' | translate"></label>
                    <i class="material-icons" ng-show="order_by_mode.name == 'op_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbychange('op_no')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 作业站名称 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.op_name">
                    <input ng-model="dispatch_filter.op_name">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.op_name = false;dispatch_filter.op_name = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.op_name">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_name = true">search</i>
                    <label ng-bind="'A05.op_view.op_name' | translate"></label>
                    <i class="material-icons" ng-show="order_by_mode.name == 'op_name'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbychange('op_name')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 站点数量 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.op_qty">
                    <input ng-model="dispatch_filter.op_qty">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.op_qty = false;dispatch_filter.op_qty = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.op_qty">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_qty = true">search</i>
                    <label ng-bind="'A05.op_view.op_qty' | translate"></label>
                    <i class="material-icons" ng-show="order_by_mode.name == 'op_qty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbychange('op_qty')"></div>
                </div>
            </div>
        </div>
        <div class="kmi-list__row-content" >
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <div class="kmi-list__row"  style="text-align:center;" ng-class="{'is-select':op_is_click == op_data.op_no}" ng-repeat="op_data in filterOpnoInfo(op_info_data, dispatch_filter) track by $index">
                <div class="kmi-list__column" ng-bind="op_data.op_seq" ></div>
                <div class="kmi-list__column" ng-bind="op_data.op_no"></div>
                <div class="kmi-list__column" ng-bind="op_data.op_name"></div>
                <div class="kmi-list__column" ng-bind="op_data.op_qty"></div>
                <div class="kmi-can-click" ng-click="change_op_action($event,$index,op_data);"></div>
            </div>
        </div>
    </div>
</div>